<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/static/css/bootstrap.min.css">
</head>
<body>
<nav class="navbar navbar-inverse" role="navigation" >
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href={% url 'app:index' %}>APP主页</a> 
        </div>
        <div>
            <form class="navbar-form navbar-right"  method="POST" action="{% url 'app:publish_search' %}">
            {% csrf_token %}
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="Search Publishing House" name="housename">
                </div>
                <button type="submit" class="btn btn-default">Search</button>
            </form>
            <div>
                <ul class="nav navbar-nav">
                    <li><a href={% url 'app:pie_graph' %}>饼状图</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                            柱状图
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href={% url 'app:bar_chart' %}>柱状图一</a></li>
                            <li><a href={% url 'app:bar_chart_2' %}>柱状图二</a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                            出版社排行
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href={% url 'app:publish_house_info_1' %}>所获评分最高</a></li>
                            <li><a href={% url 'app:publish_house_info_2' %}>评价人次最多</a></li>
                            <li><a href={% url 'app:publish_house_info_3' %}>出版优秀图书最多</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
    {% if notfound %}
        <h2 align='center'>{{notfound}}</h2>
    {% else %}
        <table width="100%">
        <tbody>
            <tr class="item">
                <td valign="top">
                    <ul class="list-group">
                        <li class="list-group-item"> 
                            <h2>{{house.name}}</h2>
                            <h3>上榜图书信息:</h3>
                        </li>
                    
                        {% for obj in book_list %}
                        <li class="list-group-item">
                                {{obj.title}}  (得分：{{obj.score}})&emsp;{{ obj.publish_detail }}&emsp;&emsp;<span class="glyphicon glyphicon-star">{{obj.slogan}}</span>
                        </li>
                        {% endfor %}
                    </ul>
                </td>
            </tr>
        </tbody>
        </table>
    {% endif %}
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script> 
</body>
</html>